<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_base.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/citydb.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/cityselect.js"></script>
		<script type="text/javascript" src="{%$rootdir%}js/My97DatePicker/WdatePicker.js"></script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>Member Center</h2>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-3">
					{%list name=memmenu%}

				</div>
				<div class="col-xs-12 col-sm-12 col-md-9">
					{%if $out=='center'%}
					<div class="panel panel-info espcms_member_page">
						<div class="panel-heading">
							<h3>{%$member.username%} <small>{%$member.alias%}（{%$member.rankname%}）</small></h3>
						</div>
						<ul class="list-group espcms_list_noline">
							<li class="list-group-item">
								<a class="btn btn-primary btn-xs" href="{%$mlink.edit_password%}">Change password</a>
								<a class="btn btn-primary btn-xs ml5" href="{%$mlink.edit_info%}">Personal settings</a>
								<a class="btn btn-danger btn-xs ml5" href="{%$mlink.quit%}">Sign out</a>
							</li>
							<li class="list-group-item">Last login time is：{%$member.lasttime|espcms_timeformat(3)%}</li>
							<li class="list-group-item">Last login IP is：{%$member.lastip|espcms_ip(2)%}</li>
							<li class="list-group-item">Grade：{%$member.rankname%}</li>
							<li class="list-group-item">Integral：{%$member.integral%}</li>
							<li class="list-group-item">Number of logins：{%$member.visitcount%}</li>
						</ul>
					</div>
					{%list name=memorder%}
					{%list name=membbs%}

					{%elseif $out=='editinfo'%}
					<script type="text/javascript">
						$(function () {
							{%if $member_con.MEMBER_CITY_VERIFY==1%}
							$("#city_select").citySelect({
								prov: "{%if $member.province%}{%$member.province%}{%else%}北京{%/if%}",
								city: "{%$member.city%}",
								dist: "{%$member.district%}",
								nodata: "none"
							});
							{%/if%}
							//验证表单
							$("#editinfo").espcms_formvalidation({focusName: "#alias", display_icon_err: false});
							$('.dialog_link').espcms_dig();
						});
					</script>
					<div class="panel panel-info espcms_member_page">
						<div class="panel-heading"><h3>Personal settings</h3></div>
						<div class="panel-body">
							<form name="editinfo" id="editinfo" method="post" class="form-horizontal admin-form" action="{%$mlink.edit_save%}">
							<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
							<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
							<input type="hidden" name="inputclass" value="editinfo"/>
								<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
								<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
								<div class="form-group">
									<label class="col-sm-2 control-label">Name</label>
									<div class="col-sm-9">
										<input type="text" name="alias" id="alias" value="{%$member.alias%}" class="form-control" data-validation-minlength="2" data-validation-maxlength="20" placeholder="please enter your name" title="please enter your name" data-validation-msg="Sorry: Your name was entered incorrectly, please re-enter!"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Sex</label>
									<div class="col-sm-9 pt6">
										<input type="radio" value="1" name="sex" {%if $member.sex==1%}checked{%/if%}> 男&nbsp;
										<input type="radio" value="2" name="sex" {%if $member.sex==2%}checked{%/if%}> 女
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Birthday</label>
									<div class="col-sm-9">
										<input type="text" name="birthday" value="{%$member.birthday|espcms_timeformat(2)%}" id="birthday" onclick="WdatePicker({el: 'birthday', readOnly: true, dateFmt: 'yyyy-MM-dd'})" maxlength="100" class="form-control" placeholder="Please fill in the format 2000-00-00" title="Please fill in the format 2000-00-00" data-validation-msg="Sorry: Your birthday was entered incorrectly, please re-enter!" />
									</div>
								</div>
								{%if $member_con.MEMBER_CITY_VERIFY==1%}
								<div class="form-group">
									<label class="col-sm-2 control-label">Area</label>
									<div class="col-sm-9">
										<div id="city_select">
											<div class="col-sm-3 p0">
												<select class="form-control prov" name="province"></select>
											</div>
											<div class="col-sm-3 p0 pl5">
												<select class="form-control city" name="city" disabled="disabled"></select>
											</div>
											<div class="col-sm-3 pl5">
												<select class="form-control dist" name="district" disabled="disabled"></select>
											</div>
										</div>
									</div>
								</div>
								{%/if%}
								<div class="form-group">
									<label class="col-sm-2 control-label">Address</label>
									<div class="col-sm-9">
										<input type="text" name="address" class="form-control" id="address" value="{%$member.address%}" placeholder="Please enter your contact address" title="Please enter your contact address" data-validation-minlength="2" data-validation-maxlength="150" data-validation-msg="Sorry, your contact address is incorrectly filled, please re-fill" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">TEL</label>
									<div class="col-sm-9">
										<input type="text" name="tel" class="form-control" id="tel" value="{%$member.tel%}" placeholder="Please type your phone number, for example: 0716-2209455-001" title="Please type your phone number, for example: 0716-2209455-001" data-isvalidation="true" data-validation="((\d{11})|^[\d]*[-]?((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)" data-validation-msg="Sorry, the contact number is incorrect. Please re-enter"/>
									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-2 control-label">QQ</label>
									<div class="col-sm-9">
										<input type="text" name="qq" id="qq" value="{%$member.qq%}" class="form-control"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Weixin</label>
									<div class="col-sm-9">
										<input type="text" name="weixin" id="weixin" value="{%$member.weixin%}"class="form-control"/>
									</div>
								</div>

								{%forlist from=$att_array key=i%}
									{%if $att_array[i].inputtype=='string' || $att_array[i].inputtype=='int' || $att_array[i].inputtype=='float' || $att_array[i].inputtype=='decimal'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<input type="text" name="{%$att_array[i].attrname%}" class="form-control" id="{%$att_array[i].attrname%}" value="{%$att_array[i].attrvalue%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='text' || $att_array[i].inputtype=='htmltext'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<textarea name="{%$att_array[i].attrname%}" class="form-control" style="width:100%;height:{%$att_array[i].attrrow%}px" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}">{%$att_array[i].attrvalue%}</textarea>
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='addon' || $att_array[i].inputtype=='img'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<div class="input-group">
												<input type="text" name="{%$att_array[i].attrname%}" class="form-control" id="{%$att_array[i].attrname%}" value="{%$att_array[i].attrvalue%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" data-display-type="top" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
												<span class="input-group-btn">
													<a data-w="600px" data-h="310px" data-url="{%$att_array[i].uploadlink%}" data-title="Upload Files" class="btn btn-warning dialog_link">Upload Files</a>
												</span>
											</div>
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='datetime' || $att_array[i].inputtype=='date'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<input type="text" name="{%$att_array[i].attrname%}" class="form-control {%$att_array[i].inputtype%}" id="{%$att_array[i].attrname%}" onclick="WdatePicker({el:'{%$att_array[i].attrname%}',readOnly:true,dateFmt:'yyyy-MM-dd'})" value="{%$att_array[i].attrvalue%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}"/>
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='select'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<select class="selectpicker form-control" name="{%$att_array[i].attrname%}" id="{%$att_array[i].attrname%}" data-size="8" {%if $att_array[i].isvalidate==1%}data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" title="{%pack:public_pack-espcms_select_title%}{%$att_array[i].typename%}">
												{%forlist from=$att_array[i].attrvalue key=ii%}
												<option value="{%$att_array[i].attrvalue[ii].name%}" {%$att_array[i].attrvalue[ii].selected%}>{%$att_array[i].attrvalue[ii].name%}</option>
												{%/forlist%}
											</select>
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='radio'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											{%forlist from=$att_array[i].attrvalue key=ii%}
											<input type="radio" name="{%$att_array[i].attrname%}" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
											{%/forlist%}
										</div>
									</div>
									{%/if%}

									{%if $att_array[i].inputtype=='checkbox'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											{%forlist from=$att_array[i].attrvalue key=ii%}
											<input type="checkbox" name="{%$att_array[i].attrname%}[]" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
											{%/forlist%}
										</div>
									</div>
									{%/if%}
								{%/forlist%}

								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-9">
										<input type="submit" class="btn btn-success btn-block" formmethod="POST" value="Update profile"/>
									</div>
								</div>
							</form>
						</div>
					</div>

					{%elseif $out=='editpassword'%}
					<script type="text/javascript">
						$(function () {
							$("#editinfo").espcms_formvalidation({focusName: "#oldpassword", display_icon_err: false});
						});
					</script>
					<div class="panel panel-info espcms_member_page">
						<div class="panel-heading"><h3>Change password</h3></div>
						<div class="panel-body">
							<form name="editinfo" id="editinfo" method="post" class="form-horizontal admin-form" action="{%$mlink.edit_save%}">
							<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
							<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
							<input type="hidden" name="inputclass" value="editpassword"/>
								<div class="form-group">
									<label class="col-sm-2 control-label">Username</label>
									<div class="col-sm-9 pt6">{%$member.username%}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">E-mail</label>
									<div class="col-sm-9 pt6">{%$member.email%}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Old password</label>
									<div class="col-sm-9">
										<input type="password" name="oldpassword" id="oldpassword" size="18" class="form-control" placeholder="Please enter the old password" title="Please enter the old password" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: The old password was entered incorrectly, please re-enter!"  />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">New password</label>
									<div class="col-sm-9">
										<input type="password" name="password"  class="form-control" id="password" placeholder="Please enter a new password" title="Please enter a new password" password-rank="2" password-rank-msg="Password is too simple" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: the new password was entered incorrectly, please re-enter" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Confirm new password</label>
									<div class="col-sm-9">
										<input type="password" name="validation_password"  class="form-control"  id="validation_password" placeholder="Please confirm the new password" title="Please confirm the new password" password-validation-field="password" data-password-validation-msg="The password is different twice, please re-enter" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: Confirm the password is entered incorrectly, please go back and re-enter!" />
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-9">
										<input type="submit" class="btn btn-success btn-block" formmethod="POST" value="Update password"/>
									</div>
								</div>
							</form>
						</div>
					</div>
					{%elseif $out=='editemail'%}
					<script type="text/javascript">
						$(function () {
							$("#editinfo").espcms_formvalidation({
								focusName: "#password",
								verifyURL: "{%$mlink.verify%}",
								verifyQueryString: "userid={%$member.userid%}",
								verifyField: "email",
								display_icon_err: false
							});
						});
					</script>
					<div class="panel panel-info espcms_member_page">
						<div class="panel-heading"><h3>Emails</h3></div>
						<div class="panel-body">
							<form name="editinfo" id="editinfo" method="post" class="form-horizontal admin-form" action="{%$mlink.edit_save%}">
							<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
							<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
							<input type="hidden" name="inputclass" value="editmail"/>
								<div class="form-group">
									<label class="col-sm-2 control-label">Username</label>
									<div class="col-sm-9 pt6">{%$member.username%}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">E-mail</label>
									<div class="col-sm-9 pt6">{%$member.email%}</div>
								</div>
								<div class="form-group">
								<label class="col-sm-2 control-label">Password</label>
									<div class="col-sm-9">
										<input type="password" name="password" id="password" size="18" class="form-control" placeholder="Please enter your login password" title="Please enter your login password" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: The login password is incorrectly entered, please re-enter!"  />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">New E-mail</label>
									<div class="col-sm-9">
										<input type="text" name="email" id="email" class="form-control" data-validation="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"  placeholder="Please enter E-mail" title="Please enter E-mail" data-validation-msg="Sorry: E-mail input is incorrect, please re-enter!" validation-warning="Sorry: E-mail already exists" />
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-9">
										<input type="submit" class="btn btn-success btn-block" formmethod="POST" value="Update E-mail"/>
									</div>
								</div>
							</form>
						</div>
					</div>
					{%/if%}
				</div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>